{include file="/home/geeka813/public_html/smarty_templates/common.tpl"}

	<!-- Container -->
	<section class="container row clearfix">
		<header class="clearfix">
			<nav id="main-menu" class="left navigation">
				<ul class="sf-menu no-bullet inline-list m0">
					<li><a href="index.php">Home</a></li>
					
					{foreach $menu1 as $menuItem}
					<li><a href={if $menuItem->link}"{$menuItem->link}"{else}"#"{/if} {if $menuItem->name == "Games"}class="active"{/if}>{$menuItem->name}</a>
						{if $menuItem->submenus}
						<ul class="sub-menu">
							{foreach $menuItem->submenus as $subMenuItem}
							<li><a href="{$subMenuItem->link}">{$subMenuItem->name}</a>
							
                                                           {if $subMenuItem->subpages|@count >= 1}
							   <ul class="sub-menu">
							   {foreach $subMenuItem->subpages as $subPageItem}
							            <li><a href="{$subPageItem->link}">{$subPageItem->name}</a></li>
		    			                   {/foreach}
                                                           </ul>
                                                           {/if}
		    			                  
		    			                </li>
							{/foreach}
						</ul>
						{/if}
		    			</li>
		    			{/foreach}
				</ul>
			</nav>

			{* commented out as not currently implemented
			<div class="search-bar right clearfix">
				<form action="http://www.geekawhat.com/search.php">
					<input name="s" type="text" data-value="search" value="search">
					<input name="submit" type="submit" value="">
				</form>
			</div>
			*}
		</header>

		<!-- Inner Container -->
		<section class="inner-container clearfix">
			<!-- Content -->
			<section id="content" class="">
				
			   <div class="clearfix mb10 oh">
				<h4 class="cat-title">Let's Play Episodes 1-8</h4>
				<!-- jCarousel -->
				<div class="carousel-container">
				   <div class="carousel-navigation">
					<a class="carousel-prev"></a>
					<a class="carousel-next"></a>
				   </div>
						
				   <div class="carousel-item-holder row" data-index="0">
						
				      {foreach $carousel1 as $carouselPost}
				      <div class="four column carousel-item">
				         {if $carouselPost->posttype == "image"}
				            <a href="{$carouselPost->url}?&yteid={$carouselPost->youtube_embed_id}&eptitle={$carouselPost->title}"><img src="{$carouselPost->imageurl}" alt=""></a>
				         {/if}
					 {if $carouselPost->posttype == "youtube"}
					    <iframe width="100%" height="180" src="{$carouselPost->url}" frameborder="0" allowfullscreen></iframe>
				         {/if}

				         <div class="post-container">
					    <h2 class="post-title">{$carouselPost->title}</h2>
				            <div class="post-content">
					       <p>{$carouselPost->description}</p>
					    </div>
				         </div>

				         {if $carouselPost->metadata}
					 <div class="post-meta">
				            {if $carouselPost['metadata']['comments']}
					    <span class="comments"><a href="#">{$carouselPost['metadata']['comments']['count']}</a></span>
				            {/if}
				            {if $carouselPost['metadata']['date']}
                                            <span class="date"><a href="#">{$carouselPost['metadata']['date']}</a></span>
				            {/if}
				         </div>
					 {/if}
				      </div>
				      {/foreach}
				   </div>
			        </div>
				<!-- End jCarousel -->
			      </div>
			      <!-- End Carousel Posts -->

			</section>

			<!-- Footer -->
			<footer class="row clearfix">
				<!-- Footer widgets -->
				<ul class="no-bullet clearfix">
				
				
				</ul>
				<!-- End Footer widgets -->

				<div class="copyright clearfix">
					© Copyright 2013 Geekawhat
				</div>

				<div id="back-to-top" class="right">
					<a href="#top">Back to Top</a>
				</div>
			</footer>
			<!-- End Footer -->
		</section>
		<!-- End Inner Container -->
	</section>
	<!-- End Container -->

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="js/jcarousel.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
</body>
</html>